<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <link rel="stylesheet" href="/static/css/user_info.css" media="all">
  <title>{{ user.username }}的个人主页</title>

<link rel="stylesheet" type="text/css" href="chrome-extension://fidicgekecdkdmkjghdgadgdmcfodfid/themes/classic/content.css"><script>//console.log('a')
</script><script>//remove 17173 video ad
</script><style type="text/css">object,embed{                -webkit-animation-duration:.001s;-webkit-animation-name:playerInserted;                -ms-animation-duration:.001s;-ms-animation-name:playerInserted;                -o-animation-duration:.001s;-o-animation-name:playerInserted;                animation-duration:.001s;animation-name:playerInserted;}                @-webkit-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}                @-ms-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}                @-o-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}                @keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}</style></head>
<body>
<!-- navbar --> <!-- 顶部导航栏 -->
<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
      <a class="brand" href="">

          <img src="">

      </a>


      <ul class="nav pull-right">
        <li><a href="/">首页</a></li>
        <li><a href="/">注册</a></li>
        <li><a href="/">登录</a></li>

      </ul>
      <a class="btn btn-navbar" id="responsive-sidebar-trigger">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
    </div>
  </div>
</div>

<div id="main">


  <div id="sidebar">  <!-- 侧边栏 -->
    <a href="{{ url_for('topic.new') }}" class="create_topic_btn">
    <span class="span-success">发布话题</span>
    </a>
  <div class="panel">

    <div class="header">
      <span class="col_fade">个人信息</span>
    </div>
    <div class="inner">
  <div class="user_card">
  <div>
    <a class="user_avatar" href="/user/{{ user.username }}">
      <img src="{{ user.image }}" title="{{ user.username }}">
    </a>
    <span class="user_name">
        <a class="dark" href="/user/{{ user.username }}">{{ user.username }}</a>
    </span>

    <div class="board clearfix">

    </div>
    <div class="space clearfix"></div>
    <span class="signature">
    {{ user.sign }}
    </span>

  </div>
</div>

    </div>

  </div>

</div>


<div id="content">
  <div class="panel">
    <div class="header">
      <ul class="breadcrumb">
        <li><a href="/">主页</a><span class="divider"></span></li>
      </ul>
    </div>
    <div class="inner userinfo">
      <div class="user_big_avatar">
        <img src="{{ user.image }}" title="JerryC8080">
      </div>
      <a class="dark">{{ user.username }}</a>

      <div class="user_profile">
      </div>
      <p class="col_fade">注册时间{{ user.created_time }}</p>

    </div>


  </div>

  <div class="panel">
    <div class="header">
      <span class="col_fade">最近创建的话题</span>
    </div>

{% for t in topics|sort(reverse=True, attribute='updated_time') %}
    {%if loop.index < 6 %}
        <div class="cell">

        <a class="user_avatar pull-left" href="/user/{{ user.username }}">
    {#  在上面添加是个人主页链接    #}
        <img src="{{ user.image }}" title={{ user.username }}>
      </a>

        <span class="reply_count pull-left">
        <span class="count_of_replies" title="回复数">
          {{ t.replies() | count }}
        </span>
        <span class="count_seperator">/</span>
        <span class="count_of_visits" title="点击数">
          {{ t.views }}
        </span>
      </span>

        <a class="last_time pull-right" href="/topic/{{ t.id }}">
    {#      在上面添加定位至主题帖最后回复位置的链接#}
        <img class="user_small_avatar" src="{{ user.image }}">
        <span class="last_active_time">{{ t.created_time }}</span>
      </a>

        <div class="topic_title_wrapper">

        <a class="topic_title" href="/topic/{{ t.id }}" title=" {{ t.title}} ">
          {{ t.title}}
    {#        在上面添加主题帖链接，title和显示的title#}
        </a>
      </div>
    </div>
    {% endif %}
{% endfor %}


    <div class="cell more">
      <a class="dark" href=" ">查看更多»</a>
{#        在上面添加个人发起的主题帖链接#}
    </div>

  </div>

  <div class="panel">
    <div class="header">
      <span class="col_fade">最近参与的话题</span>
    </div>

{% if replies|length > 0 %}
{% for r in replies%}
    {% for r in range(5) %}
        <div class="cell">
        <a class="user_avatar pull-left" href="/user/{{ user.username }}">
    {#  在上面添加是个人主页链接    #}
        <img src="{{ user.image }}" title={{ user.username }}>
      </a>

        <span class="reply_count pull-left">
        <span class="count_of_replies" title="回复数">
          {{ r.topic().reply_count()}}
        </span>
        <span class="count_seperator">/</span>
        <span class="count_of_visits" title="点击数">
          {{ r.topic().views }}
        </span>
      </span>

        <a class="last_time pull-right" href="/topic/{{ r.id }}">
    {#      在上面添加定位至主题帖最后回复位置的链接#}
        <img class="user_small_avatar" src="{{ user.image }}">
        <span class="last_active_time">{{ r.created_time }}</span>
      </a>

        <div class="reply_title_wrapper">

        <a class="reply_title" href="/topic/{{ r.topic_id }}" title=" {{ r.topic().title}} ">
          {{ r.topic().title}}
    {#        在上面添加主题帖链接，title和显示的title#}
        </a>
      </div>
    </div>
     {% endfor %}
    {% endfor %}
    <div class="cell more">
      <a class="dark" href=" ">查看更多»</a>
{#        在上面添加个人发起的主题帖链接#}
    </div>
{% else %}
      <div class="cell more">
      <a class="dark" href=" ">查看更多»</a>
{#        在上面添加个人发起的主题帖链接#}
    </div>
{% endif %}

</div>






{#<script>#}
{#  // google analytics#}
{#  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){#}
{#  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),#}
{#  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)#}
{#  })(window,document,'script', "https://www.google-analytics.com/analytics.js",'ga');#}
{##}
{#  ga('create', 'UA-41753901-5', 'auto');#}
{#  ga('send', 'pageview');#}
{#</script>#}



</div>
</div>
</body></html>